*{
    margin: 0;
    padding: 0;
}

ul{
    list-style: none;
}
a{
    text-decoration: none;
    color: #ccc;
}
header{
    width: 100%;
    min-width: 1200px;
    box-sizing: border-box;
    font-size: 12px;
    height: 28px;
    background-color: rgb(51,51,51);
    .top_box{
        display: flex;
        width: 1160px;
        margin: 0 auto;
        justify-content: space-between;
        align-items: center;
        line-height: 28px;
        .top_left{
            color: #f2c120;
            i{
                font-size: 12px;
            }
        }
        .top_right{
            color: #ccc;
            .iconfont{
                font-size: 12px;
            }
            .top_right_l{
                display: inline-block;
                margin: 0 3px;
                border-left: 1px solid #ccc;
                height: 12px;
                position: relative;
                top: 2px;
            }
        }
    }
    .mian-headerbox{
        width: 100%;
        height: 56px;
        background-color: #fff;
        box-sizing: border-box;
        z-index: 2;
        box-shadow: 2px -1px 3px 1px black ;
        .mian_header{
            height: 56px;
            width: 1160px;
            margin: 0 auto;
            display: flex;
            box-sizing: border-box;
            justify-content: space-between;
            align-items: center;
            .header_nav{
                display: flex;
                height: 100%;
                align-items: center;
                .nav_left{
                    img{
                        width: 194px;
                        height: auto;
                    }
                }
                .nav_right{
                    display: flex;
                    box-sizing: border-box;
                    height: 100%;
                    line-height: 56px;
                    margin-left: 56px;
                    font-size: 16px;
                    .link-linershouye{
                        position: absolute;
                        right: 0;
                        bottom: -1px;
                        width: 100%;
                        height: 4px;
                        background-color: gold;
                        border-radius: 4px;;
                    }
                    .link-holder{
                        .menuaa{
                            display: b;
                        }
                    }
                    .nav_menu{
                        margin-left: 30px;
                        position: relative;
                        height: 100%;
                        line-height: 56px;
                    }
                    .link-liner{
                        position: relative;
                    }
                    a{
                        color:#343434;
                    }
                    
                    .menuaa{
                        position: absolute;
                        background-color: #fff;
                        left: -20px;
                        box-sizing: border-box;
                        border: 1px solid #ccc;
                        display: none;
                        font-size: 12px;
                        border-radius: 4px;
                        .item{
                            // display: none;
                            display: block;
                            text-align: center;
                            left: -20px;
                            min-width: 102px;
                            height: 30px;
                            line-height: 30px;
                            font-size: 13px;
                            text-align: center;
                        }
                    }
                    .menuaa.a{
                        display: block !important;
                    }
                    .qiu{
                        margin-left: 25px;
                        margin-top: 8px;
                        width: 110px;
                        height: 40px;
                        line-height: 40px;
                        text-align: center;
                        border-radius: 3px;
                        font-size: 16px;
                        cursor: pointer;
                        background-image: linear-gradient(90deg,#ffec6b,#ffdc00);
                    }
                    .qiu:hover{
                        font-weight: 700;
                        background-image:linear-gradient(90deg,#ffef90,#ffe34d);
                    }
                }
            }
        }
    }
}

.mian_c{
    margin-top: 70px;
    width: 100%;
    .home3{
        width: 1160px;
        margin: 0 auto;
        text-align: center;
        .h3-top-h{
            color: #333;
            font-size: 28px;
            font-weight: 700;
        }
        .h3-top-p{
            margin-top: 10px;
            line-height: 28px;
            color: #cbcbcb;
            font-size: 16px;
        }
        .h3-mid{
            
            .h3-nav-list.fixed{
                
                position: fixed !important;
                top: 83px;
                left: 10px;
            }
            .h3-nav-list.byleft.disable{
                transform: translateX(-160px);
                .h3-right-r{
                    // position: absolute;
                    position: fixed;
                    top: 0;
                    right: 0;
                    width: 10px;
                    height: 100%;
                    color: #fff;
                    font-weight: 900;
                    font-family: "宋体";
                    line-height: 582px;
                    background-color: #000;
                    border-top-right-radius: 10px;
                    border-bottom-right-radius: 10px;
                    cursor: pointer;
                    overflow: hidden;
                    .h3-r-r-i{
                        position: absolute;
                        top: 0;
                        right: 0;
                        width: 10px;
                        height: 100%;
                        color: #fff;
                        font-weight: bold;
                        font-family: "宋体";
                        line-height: 536px;
                        background-color: #000;
                        border-top-right-radius: 10px;
                        border-bottom-right-radius: 10px;
                        cursor: pointer;
                        overflow: hidden;
                    }
                }
              
            }
            .h3-nav-list.out{
                transform: translateX(-20px) !important;
            }
            .h3-nav-list{
                position: absolute;
                width: 120px;
                left: 10px;
                top:90px;
                padding: 20px;
                border-radius: 10px;
                background-color: #fff;
                z-index: 30;
                transition: transform .2s;
                .h3-logo{
                    width: 120px;
                    height: 35px;
                }
                .h3-line-a{
                    border-bottom: 1px dashed #b9b9b9;
                    margin-top: 10px;
                }
                .h3-line{
                    border-bottom: 1px dashed #b9b9b9;
                }
                .h3-it{
                    padding: 6px 0 6px 15px;
                    line-height: 26px;
                    text-align: right;
                    color: #333;
                    font-size: 14px;
                    a{
                        display: block;
                        color: #161616;
                    }
                    a:hover{
                        text-decoration: underline;
                    }
                    .h3-t{
                        position: relative;
                    }
                    .h3-dot{
                        display: inline-block;
                        position: absolute;
                        top: 6px;
                        left: -14px;
                        width: 8px;
                        height: 8px;
                        border-radius: 8px;
                    }
                    .h3-dot.dot{
                        background-color: gold;
                    }
                    .h3-dot.dotb{
                        background-color: #000;
                    }
                    .h3-t.ll{
                        position: relative;
                        .h3-2ma{
                            display: none;
                            position: absolute;
                            left: 70px;
                            top: -140px;
                            z-index: -1;
                        }
                        .h3-2ma-line{
                            width: 148px;
                            z-index: 1000;
                            height: 4px;
                            left: 14px;
                            background-image: url('./images/主页/2ma-line.png');
                            position: absolute;
                        }
                    }
                    
                }
            }
            .h3-banner{
                width: 1160px;
                height: 334px;
                z-index: 1;
                margin: 0 auto;
                margin-top: 10px;
                position: relative;
                box-sizing: border-box;
                border-radius: 10px;
                overflow: hidden;
                .h3-ba-a{
                    width: 100%;
                    height: 100%;
                    position: absolute;
                    display: flex;
                    left:0;
                    ul.lunbo{ 
                        position: absolute;
                        height: 100%;
                        display: flex;
                        .bannerd{
                            width: 1160px;
                            height: 100%;
                           
                        }
                        .bannerd.h3b-01{
                            position: relative;
                            background-image: url('./../images/主页/ba-backimag_01.png');
                            background-size: cover;
                            .ba01-l{
                                position: relative;
                                left: 98px;
                                z-index: 3;
                                top: 60px;
                                background: #fff;
                                border-radius: 10px;
                                width: 574px;
                                height: 220px;
                                .ba01-l-tit{
                                    font-size: 18px;
                                    position: absolute;
                                    left: 36px;
                                    top: 36px;
                                    font-weight: bold;
                                }
                                ul{
                                    display: flex;
                                    width: 460px;
                                    height: 100px;
                                    align-items: center;
                                    align-content: space-around;
                                    flex-wrap: wrap;
                                    position: absolute;
                                    font-size: 12px;
                                    left:36px;
                                    top: 84px;
                                    li{
                                        width: 230px;
                                        display: flex;
                                        .four-o{
                                            width: 32px;
                                            height: 32px;
                                            line-height: 32px;
                                            text-align: center;
                                            border-radius: 50%;
                                            font-size: 18px;
                                            font-weight: 700;
                                            background-color: #f9d700;
                                        }
                                        .four-txt{
                                            margin-left: 10px;
                                            text-align: center;
                                        }
                                    }
                                }
                            }
                            .ba01-r{
                                width: 350px;
                                height: 194px;
                                position: absolute;
                                left: 672px;
                                top: 74px;
                                border-radius: 5px;
                                z-index: 2;
                                background: url('./../images/主页/banner1-shiping__img.jpg') 100% 100%;
                                
                                .btn{
                                    position: absolute;
                                    display: flex;
                                    background-color: #fff;
                                    border-radius: 18px;
                                    width: 110px;
                                    height: 34px;
                                    text-align: center;
                                    line-height: 34px;
                                    span{
                                        display: block;
                                        position: absolute;
                                        left: 20px;
                                    }
                                    left:37%;
                                    top: 55%;
                                    span.sanjiao{
                                        width: 0;
                                        position: absolute;
                                        top: 11px;
                                        margin-left: 74px;
                                        right: -16px;
                                        height: 0;
                                        display: inline-block;
                                        vertical-align: middle;
                                        border:6px solid transparent;
                                        border-left: 6px solid #000;
                                    }
                                
                                }
                                .btn.a{
                                    top: 52px;
                                }
                                .btn.c{
                                    top: 102px;
                                    background-color: #ffd700;
                                }
                            }
                        }
                    }
                    .bannerd.h3b-02{
                        background: url('./../images/主页/h3-banner01.jpg');
                        background-size: cover;
                    }
                    .bannerd.h3b-03{
                        background: url('./../images/主页/h3-banner1.jpg');
                        background-size: cover;
                    }
                    .square{
                        position: absolute;
                        bottom: 14px;
                        left: 540px;
                        display: flex;
                        span{
                            display: block;
                            width: 15px;
                            height: 15px;
                            margin-left: 10px;
                            background-color: #fff;
                            border-radius: 50%;
                        }
                        span.current{
                            background-color: orange;
                        }
                    }
                    .cbtn{
                        width: 35px;
                        z-index: 3;
                        font-size: 30px;
                        font-weight: bold;
                        text-align: center;
                        height: 50px;
                        color: #fff;
                        line-height: 46px;
                        position: absolute;
                        top: 47%;
                        border-radius: 10px;
                        right: 0;
                        background-color: rgba(0,0,0,.4);
                    }
                    .cbtn.b-r{
                        right: 5px;
                    }
                    .cbtn.b-l{
                        left: 5px;
                    }
                }
            }
            .h3-list{
                margin-top: 26px;
                .dingzhifuwu{
                    width: 1160px;  
                    p{  
                        display: block;
                        height: 40px;
                        font-size: 20px;
                        line-height: 26px;
                    }
                    .h3-tools{
                        display: flex;
                        padding: 60px 40px;
                        dl{
                            width: 205px;
                            height: 160px;
                            padding-top: 20px;
                            box-sizing: border-box;
                            dd{
                                height: 20px;
                                font-weight: 700;
                                margin-top: 20px;
                            }
                            img{
                                width: 70px;
                                height: 70px;
                            }
                        }
                        dl:hover{
                            box-shadow: 2px 3px 10px ;
                        }
                        
                        
                    }
                    .h3-tshe{
                        background-color: #f8f8f8;
                        height: 222px;
                        padding-top: 20px;
                        .h3-tshe-three{
                            display: flex;
                            align-items: center;
                            justify-content: space-between;
                            box-sizing: border-box;
                            width: 1160px;
                            margin: 0 auto;
                            height: 135px;
                            padding: 10px 200px 40px;
                            .h3-step{
                                width: 126px;
                                .h3-n{
                                    width: 50px;
                                    height: 50px;
                                    background-size: 768px 60px;
                                    background-position:-31px -60px;
                                    background-image:url('./images/主页/number1-9.png');
                                }
                                .h3-n.n1{
                                    background-position:-31px -60px;
                                }
                                .h3-n.n2{
                                    background-position:-105px -60px;
                                }
                                .h3-n.n3{
                                    background-position:-178px -60px;
                                }
                                .h3-step-h{
                                    position: relative;
                                    left: -35px;
                                    top: -25px;
                                    span{
                                        position: relative;
                                        z-index: 1;
                                    }
                                    .h3-step-line{
                                        position: absolute;
                                        width: 68px;
                                        height: 6px;
                                        left: 28px;
                                        top: 16px;
                                        z-index: 0;
                                        background-color: yellow;
                                    }
                                }
                                .h3-step-p{
                                    font-size: 14px;
                                    color: #8e8e8e;
                                    position: relative;
                                    left: -35px;
                                    top: -20px;
                                }
                            }
                            .por{
                                width: 20px;
                                height: 20px;
                                background-image: url('./images/主页/黄色箭头.svg');
                            }
                        }
                    }
                }
            }
        }
        .tshe-p4{
            .tshe-tcenter{
                text-align: center;
                .h3-icon-left{
                    position: relative;
                    top: -4px;
                    box-sizing: border-box;
                    display: inline-block;
                    transform: rotate( -54deg);
                    .hi3_hicon_s{
                        display: inline-block;
                        box-sizing: border-box;
                        height: 7px;
                        border-radius: 4px;
                        background: linear-gradient(-90deg,gold,#f0f);
                    }
                    .hi3_hicon_s.s1{
                        margin-bottom: -9px;
                        width: 17px;
                    }
                    .hi3_hicon_s.s2{
                        width: 18px;
                    }
                    .hi3_hicon_s.s3{
                        margin-left: 2px;
                        width: 7px;
                    }
                }
                .h3-icon-right{
                    position: relative;
                    top: 12px;
                    box-sizing: border-box;
                    display: inline-block;
                    transform: rotate(126deg);
                    .hi3_hicon_s{
                        display: inline-block;
                        box-sizing: border-box;
                        height: 7px;
                        border-radius: 4px;
                        background: linear-gradient(-90deg,gold,#f0f);
                    }
                    .hi3_hicon_s.s1{
                        margin-bottom: -9px;
                        width: 17px;
                    }
                    .hi3_hicon_s.s2{
                        width: 18px;
                    }
                    .hi3_hicon_s.s3{
                        margin-left: 2px;
                        width: 7px;
                    }
                }
                .tshe-block{
                    font-size: 32px;
                    font-weight: 700;
                    color: #333;
                    margin-left: 10px;
                    margin-right: 10px;
                    display: inline-block;
                }
            }
        }
        .h3-sub{
            color: #7f7f7f;
            margin-top: 10px;
            font-size: 20px;
            text-align: center;
        }
        .tshe-mt{
            font-size: 12px;
            margin-top: 10px;
            color: #848484;
            .hi3_prod_tipso{
                display: inline-block;
                width: 14px;
                height: 14px;
                line-height: 14px;
                font-size: 12px;
                cursor: help;
                text-align: center;
                border-radius: 50%;
                background-color: #ccc;
            }
        }
        .h3-p-navs{
            text-align: center;
            margin-top: 10px;
            .h3-p-nav{
                display: inline-block;
                cursor: pointer;
                width: 98px;
                color: #161616;
                border-radius: 4px;
                height: 98px;
                img{
                    height: 36px;
                    margin: 17px 0 8px;
                }
            }
            .h3-p-nav:hover{
                background:linear-gradient(180deg,#ffec6b,#ffdc00);
                font-weight: 700;
                box-shadow: 0 6px 10px 0 rgba(255,234,146,200);
            }
            .h3-p-nav.active{
                background:linear-gradient(180deg,#ffec6b,#ffdc00);
                font-weight: 700;
                box-shadow: 0 6px 10px 0 rgba(255,234,146,200);
            }
        }
        .h3-p-list{
            margin-top: 20px;
            .tdh.active{
                display: block;
            }
            
            .tdh.jhpc.tab3 .showbox {
                .s-w{
                    width: 1160px;
                    min-width: 1160px;
                    display: flex;
                    flex-wrap: wrap;
                    .s-s{
                        width: 270px;
                        height: 470px;
                        margin-right: 10px;
                        margin-bottom: 20px;
                        border: 1px solid #ccc;
                        a{
                            .s-img-box{
                                position: relative;
                                height: 280px;
                                .tb2{
                                    background-position: center center;
                                    background: url('./../images/主页/图1.png') ;
                                    background-size: 100% 100%;
                                    height: 280px;
                                    background-color: rgb(242,242,242);
                                }
                                .t-tr{
                                    position: absolute;
                                    right: 0;
                                    top: 0;
                                    img{
                                        height: 53px;
                                    }
                                }
                                .c-la{
                                    position: absolute;
                                    left: 16px;
                                    top: 10px;
                                    color: #666;
                                    border-radius: 4px;
                                    font-size: 12px;
                                    padding: 0 8px;
                                    border: 1px solid #999;
                                }
                                p{
                                    position: absolute;
                                    right: 10px;
                                    color: #000;
                                    font-size: 12px;
                                    bottom: 10px;
                                    .mid-del{
                                        display: inline-block;
                                        width: 100%;
                                        left: 0;
                                        top: 8px;
                                        position: absolute;
                                        height: 1px;
                                       background-color: #888;
                                    }
                                }
                            }
                        }
                        .cat-i.mup{
                            // top: -40px;
                            // opacity: 1;
                            z-index: 1;
                        }
                        .cat-i{
                            position: relative;
                            left: 10px;
                            padding-left: 20px;
                            box-sizing: border-box;
                            opacity: 0;
                            .cat-c{
                                width: 168px;
                                border-radius: 5px;
                                height: 30px;
                                position: absolute;
                                background-color: #fff;
                                .cor--list{
                                    width: 80%;
                                    height: 100%;
                                    line-height: 30px;
                                    .color-item{
                                        display: inline-block;
                                        background-color: #0f0;
                                        width: 10px;
                                        height: 10px;
                                        border-radius: 50%;
                                    }
                                }
                            }
                            
                        }
                        .cate-oi{
                            height: 176px;
                            position: relative;
                            padding: 14px 8px 0;
                            display: flex;
                            flex-direction: column;
                            background-color:#fff;
                            text-align: left;
                            .cate-tit{
                                width: 262px;
                                height: 38px;
                                box-sizing: border-box;
                                padding-right: 6px;
                                display: flex;
                                position: relative;
                                justify-content: space-between;
                                p{
                                    font-size: 16px;
                                    font-weight: 700;
                                }
                                .price{
                                    font-size: 12px;
                                   .num{
                                        font-size: 16px;
                                   } 
                                   .qi{
                                       color: #ccc;
                                   }
                                   .lr{
                                       position: absolute;
                                       right: 0;
                                       top: 4px;
                                       height: 16px;
                                       width: 4px;
                                       background-color: #ff5859;
                                   }
                                }
                            }
                            .cate-dd{
                                border-top: 1px solid #ccc;
                                padding-top: 18px;
                                box-sizing: border-box;
                                color: #9b9b9b;
                                font-size: 13px;
                                p{
                                    height: 21px;
                                    margin-bottom: 16px;
                                }
                            }
                        }
                    }
                }
                .ts-center{
                    width: 1160px;
                    text-align: center;
                    a{  
                        display: inline-block;
                        width: 135px;
                        height: 38px;
                        line-height: 38px;
                        text-align: center;
                        background-color: gold;
                        border-radius: 30px;
                        color: #000;
                        font-size: 16px;
                        cursor: pointer;
                    }
                    a:hover{
                        transform: translateY(-3px);
                        box-shadow: 2px 4px 10px;
                    }
                }
            }
            .tdh.jhpc.tab4 .showbox{
                .s-w{
                    width: 1160px;
                    min-width: 1160px;
                    display: flex;
                    flex-wrap: wrap;
                    .s-s{
                        width: 270px;
                        height: 470px;
                        margin-right: 10px;
                        margin-bottom: 20px;
                        border: 1px solid #ccc;
                        a{
                            .s-img-box{
                                position: relative;
                                height: 280px;
                                .tb2{
                                    background-position: center center;
                                    background: url('./../images/主页/厚款卫衣.png') ;
                                    background-size: 100% 100%;
                                    height: 280px;
                                    background-color: rgb(242,242,242);
                                }
                                .t-tr{
                                    position: absolute;
                                    right: 0;
                                    top: 0;
                                    img{
                                        height: 53px;
                                    }
                                }
                                .c-la{
                                    position: absolute;
                                    left: 16px;
                                    top: 10px;
                                    color: #666;
                                    border-radius: 4px;
                                    font-size: 12px;
                                    padding: 0 8px;
                                    border: 1px solid #999;
                                }
                                p{
                                    position: absolute;
                                    right: 10px;
                                    color: #000;
                                    font-size: 12px;
                                    bottom: 10px;
                                    .mid-del{
                                        display: inline-block;
                                        width: 100%;
                                        left: 0;
                                        top: 8px;
                                        position: absolute;
                                        height: 1px;
                                       background-color: #888;
                                    }
                                }
                            }
                        }
                        .cat-i.mup{
                            // top: -40px;
                            // opacity: 1;
                            z-index: 1;
                        }
                        .cat-i{
                            position: relative;
                            left: 10px;
                            padding-left: 20px;
                            box-sizing: border-box;
                            opacity: 0;
                            .cat-c{
                                width: 168px;
                                border-radius: 5px;
                                height: 30px;
                                position: absolute;
                                background-color: #fff;
                                .cor--list{
                                    width: 80%;
                                    height: 100%;
                                    line-height: 30px;
                                    .color-item{
                                        display: inline-block;
                                        background-color: #0f0;
                                        width: 10px;
                                        height: 10px;
                                        border-radius: 50%;
                                    }
                                }
                            }
                            
                        }
                        .cate-oi{
                            height: 176px;
                            position: relative;
                            padding: 14px 8px 0;
                            display: flex;
                            flex-direction: column;
                            background-color:#fff;
                            text-align: left;
                            .cate-tit{
                                width: 262px;
                                height: 38px;
                                box-sizing: border-box;
                                padding-right: 6px;
                                display: flex;
                                position: relative;
                                justify-content: space-between;
                                p{
                                    font-size: 16px;
                                    font-weight: 700;
                                }
                                .price{
                                    font-size: 12px;
                                   .num{
                                        font-size: 16px;
                                   } 
                                   .qi{
                                       color: #ccc;
                                   }
                                   .lr{
                                       position: absolute;
                                       right: 0;
                                       top: 4px;
                                       height: 16px;
                                       width: 4px;
                                       background-color: #ff5859;
                                   }
                                }
                            }
                            .cate-dd{
                                border-top: 1px solid #ccc;
                                padding-top: 18px;
                                box-sizing: border-box;
                                color: #9b9b9b;
                                font-size: 13px;
                                p{
                                    height: 21px;
                                    margin-bottom: 16px;
                                }
                            }
                        }
                    }
                }
                .ts-center{
                    width: 1160px;
                    text-align: center;
                    a{  
                        display: inline-block;
                        width: 135px;
                        height: 38px;
                        line-height: 38px;
                        text-align: center;
                        background-color: gold;
                        border-radius: 30px;
                        color: #000;
                        font-size: 16px;
                        cursor: pointer;
                    }
                    a:hover{
                        transform: translateY(-3px);
                        box-shadow: 2px 4px 10px;
                    }
                }
            }
            .tdh.jhpc.tab6 {
                .s-w{
                    width: 1160px;
                    min-width: 1160px;
                    display: flex;
                    flex-wrap: wrap;
                    .s-s{
                        width: 270px;
                        height: 470px;
                        margin-right: 10px;
                        margin-bottom: 20px;
                        border: 1px solid #ccc;
                        a{
                            .s-img-box{
                                position: relative;
                                height: 280px;
                                .tb2{
                                    background-position: center center;
                                    background: url('./../images/主页/周边.jpg') ;
                                    background-size: 100% 100%;
                                    height: 280px;
                                    background-color: rgb(242,242,242);
                                }
                                .t-tr{
                                    position: absolute;
                                    right: 0;
                                    top: 0;
                                    img{
                                        height: 53px;
                                    }
                                }
                                .c-la{
                                    position: absolute;
                                    left: 16px;
                                    top: 10px;
                                    color: #666;
                                    border-radius: 4px;
                                    font-size: 12px;
                                    padding: 0 8px;
                                    border: 1px solid #999;
                                }
                                p{
                                    position: absolute;
                                    right: 10px;
                                    color: #000;
                                    font-size: 12px;
                                    bottom: 10px;
                                    .mid-del{
                                        display: inline-block;
                                        width: 100%;
                                        left: 0;
                                        top: 8px;
                                        position: absolute;
                                        height: 1px;
                                       background-color: #888;
                                    }
                                }
                            }
                        }
                        .cat-i.mup{
                            // top: -40px;
                            // opacity: 1;
                            z-index: 1;
                        }
                        .cat-i{
                            position: relative;
                            left: 10px;
                            padding-left: 20px;
                            box-sizing: border-box;
                            opacity: 0;
                            .cat-c{
                                width: 168px;
                                border-radius: 5px;
                                height: 30px;
                                position: absolute;
                                background-color: #fff;
                                .cor--list{
                                    width: 80%;
                                    height: 100%;
                                    line-height: 30px;
                                    .color-item{
                                        display: inline-block;
                                        background-color: #0f0;
                                        width: 10px;
                                        height: 10px;
                                        border-radius: 50%;
                                    }
                                }
                            }
                            
                        }
                        .cate-oi{
                            height: 176px;
                            position: relative;
                            padding: 14px 8px 0;
                            display: flex;
                            flex-direction: column;
                            background-color:#fff;
                            text-align: left;
                            .cate-tit{
                                width: 262px;
                                height: 38px;
                                box-sizing: border-box;
                                padding-right: 6px;
                                display: flex;
                                position: relative;
                                justify-content: space-between;
                                p{
                                    font-size: 16px;
                                    font-weight: 700;
                                }
                                .price{
                                    font-size: 12px;
                                   .num{
                                        font-size: 16px;
                                   } 
                                   .qi{
                                       color: #ccc;
                                   }
                                   .lr{
                                       position: absolute;
                                       right: 0;
                                       top: 4px;
                                       height: 16px;
                                       width: 4px;
                                       background-color: #ff5859;
                                   }
                                }
                            }
                            .cate-dd{
                                border-top: 1px solid #ccc;
                                padding-top: 18px;
                                box-sizing: border-box;
                                color: #9b9b9b;
                                font-size: 13px;
                                p{
                                    height: 21px;
                                    margin-bottom: 16px;
                                }
                            }
                        }
                    }
                }
                .ts-center{
                    width: 1160px;
                    text-align: center;
                    a{  
                        display: inline-block;
                        width: 135px;
                        height: 38px;
                        line-height: 38px;
                        text-align: center;
                        background-color: gold;
                        border-radius: 30px;
                        color: #000;
                        font-size: 16px;
                        cursor: pointer;
                    }
                    a:hover{
                        transform: translateY(-3px);
                        box-shadow: 2px 4px 10px;
                    }
                }
            }
            .tdh.jhpc.tab5{
                    .s-s{
                        width: 270px;
                        height: 470px;
                        margin: 0 auto;
                        margin-bottom: 20px;
                        border: 1px solid #ccc;
                        a{
                            .s-img-box{
                                position: relative;
                                height: 280px;
                                .tb2{
                                    background-position: center center;
                                    background: url('./../images/主页/冲锋衣.png') ;
                                    background-size: 100% 100%;
                                    height: 280px;
                                    background-color: rgb(242,242,242);
                                }
                                .t-tr{
                                    position: absolute;
                                    right: 0;
                                    top: 0;
                                    img{
                                        height: 53px;
                                    }
                                }
                                .c-la{
                                    position: absolute;
                                    left: 16px;
                                    top: 10px;
                                    color: #666;
                                    border-radius: 4px;
                                    font-size: 12px;
                                    padding: 0 8px;
                                    border: 1px solid #999;
                                }
                                p{
                                    position: absolute;
                                    right: 10px;
                                    color: #000;
                                    font-size: 12px;
                                    bottom: 10px;
                                    .mid-del{
                                        display: inline-block;
                                        width: 100%;
                                        left: 0;
                                        top: 8px;
                                        position: absolute;
                                        height: 1px;
                                       background-color: #888;
                                    }
                                }
                            }
                        }
                        .cat-i.mup{
                            // top: -40px;
                            // opacity: 1;
                            z-index: 1;
                        }
                        .cat-i{
                            position: relative;
                            left: 10px;
                            padding-left: 20px;
                            box-sizing: border-box;
                            opacity: 0;
                            .cat-c{
                                width: 168px;
                                border-radius: 5px;
                                height: 30px;
                                position: absolute;
                                background-color: #fff;
                                .cor--list{
                                    width: 80%;
                                    height: 100%;
                                    line-height: 30px;
                                    .color-item{
                                        display: inline-block;
                                        background-color: #0f0;
                                        width: 10px;
                                        height: 10px;
                                        border-radius: 50%;
                                    }
                                }
                            }
                            
                        }
                        .cate-oi{
                            height: 176px;
                            position: relative;
                            padding: 14px 8px 0;
                            display: flex;
                            flex-direction: column;
                            background-color:#fff;
                            text-align: left;
                            .cate-tit{
                                width: 262px;
                                height: 38px;
                                box-sizing: border-box;
                                padding-right: 6px;
                                display: flex;
                                position: relative;
                                justify-content: space-between;
                                p{
                                    font-size: 16px;
                                    font-weight: 700;
                                }
                                .price{
                                    font-size: 12px;
                                   .num{
                                        font-size: 16px;
                                   } 
                                   .qi{
                                       color: #ccc;
                                   }
                                   .lr{
                                       position: absolute;
                                       right: 0;
                                       top: 4px;
                                       height: 16px;
                                       width: 4px;
                                       background-color: #ff5859;
                                   }
                                }
                            }
                            .cate-dd{
                                border-top: 1px solid #ccc;
                                padding-top: 18px;
                                box-sizing: border-box;
                                color: #9b9b9b;
                                font-size: 13px;
                                p{
                                    height: 21px;
                                    margin-bottom: 16px;
                                }
                            }
                    }
                }
                .ts-center{
                    width: 1160px;
                    text-align: center;
                    a{  
                        display: inline-block;
                        width: 135px;
                        height: 38px;
                        line-height: 38px;
                        text-align: center;
                        background-color: gold;
                        border-radius: 30px;
                        color: #000;
                        font-size: 16px;
                        cursor: pointer;
                    }
                    a:hover{
                        transform: translateY(-3px);
                        box-shadow: 2px 4px 10px;
                    }
                }
            }
            .tdh{
                display: none ;
                .hp{
                    display: flex;
                    a.hpd{
                       display: inline-block;
                       width: 440px;
                       height: 440px; 
                       img{
                           width: 100% ;
                           height:100%;
                       }
                    }
                    .hpr{
                        width: 690px;
                        height: 440px;
                        padding: 20px 30px;
                        background: #000;
                        box-sizing: border-box;
                    }
                }
                .middle{
                    margin-top: 20px;
                }
                .dcbox{
                    .showbox{
                        .s-w{
                            width: 1160px;
                            min-width: 1160px;
                            display: flex;
                            flex-wrap: wrap;
                            .s-s{
                                width: 270px;
                                height: 470px;
                                margin-right: 10px;
                                margin-bottom: 20px;
                                border: 1px solid #ccc;
                                a{
                                    .s-img-box{
                                        position: relative;
                                        height: 280px;
                                        .tb2{
                                            background-position: center center;
                                            background: url('./../images/主页/图1.png') ;
                                            background-size: 100% 100%;
                                            height: 280px;
                                            background-color: rgb(242,242,242);
                                        }
                                        .t-tr{
                                            position: absolute;
                                            right: 0;
                                            top: 0;
                                            img{
                                                height: 53px;
                                            }
                                        }
                                        .c-la{
                                            position: absolute;
                                            left: 16px;
                                            top: 10px;
                                            color: #666;
                                            border-radius: 4px;
                                            font-size: 12px;
                                            padding: 0 8px;
                                            border: 1px solid #999;
                                        }
                                        p{
                                            position: absolute;
                                            right: 10px;
                                            color: #000;
                                            font-size: 12px;
                                            bottom: 10px;
                                            .mid-del{
                                                display: inline-block;
                                                width: 100%;
                                                left: 0;
                                                top: 8px;
                                                position: absolute;
                                                height: 1px;
                                               background-color: #888;
                                            }
                                        }
                                    }
                                }
                                .cat-i.mup{
                                    // top: -40px;
                                    // opacity: 1;
                                    z-index: 1;
                                }
                                .cat-i{
                                    position: relative;
                                    left: 10px;
                                    padding-left: 20px;
                                    box-sizing: border-box;
                                    opacity: 0;
                                    .cat-c{
                                        width: 168px;
                                        border-radius: 5px;
                                        height: 30px;
                                        position: absolute;
                                        background-color: #fff;
                                        .cor--list{
                                            width: 80%;
                                            height: 100%;
                                            line-height: 30px;
                                            .color-item{
                                                display: inline-block;
                                                background-color: #0f0;
                                                width: 10px;
                                                height: 10px;
                                                border-radius: 50%;
                                            }
                                        }
                                    }
                                    
                                }
                                .cate-oi{
                                    height: 176px;
                                    position: relative;
                                    padding: 14px 8px 0;
                                    display: flex;
                                    flex-direction: column;
                                    background-color:#fff;
                                    text-align: left;
                                    .cate-tit{
                                        width: 262px;
                                        height: 38px;
                                        box-sizing: border-box;
                                        padding-right: 6px;
                                        display: flex;
                                        position: relative;
                                        justify-content: space-between;
                                        p{
                                            font-size: 16px;
                                            font-weight: 700;
                                        }
                                        .price{
                                            font-size: 12px;
                                           .num{
                                                font-size: 16px;
                                           } 
                                           .qi{
                                               color: #ccc;
                                           }
                                           .lr{
                                               position: absolute;
                                               right: 0;
                                               top: 4px;
                                               height: 16px;
                                               width: 4px;
                                               background-color: #ff5859;
                                           }
                                        }
                                    }
                                    .cate-dd{
                                        border-top: 1px solid #ccc;
                                        padding-top: 18px;
                                        box-sizing: border-box;
                                        color: #9b9b9b;
                                        font-size: 13px;
                                        p{
                                            height: 21px;
                                            margin-bottom: 16px;
                                        }
                                    }
                                }
                            }
                        }
                        .ts-center{
                            width: 1160px;
                            text-align: center;
                            a{  
                                display: inline-block;
                                width: 135px;
                                height: 38px;
                                line-height: 38px;
                                text-align: center;
                                background-color: gold;
                                border-radius: 30px;
                                color: #000;
                                font-size: 16px;
                                cursor: pointer;
                            }
                            a:hover{
                                transform: translateY(-3px);
                                box-shadow: 2px 4px 10px;
                            }
                        }
                    }
                }
            }
        }
        .tshe_talk{
            padding-top: 40px;
            border-radius: 10px;
            box-sizing: border-box;
            height: 543px;
            .hi3_ceo_box{
                box-sizing: border-box;
                background-color: rgba(255,215,0,.16);
                padding: 50px 70px;
                .hi3_ceo{
                    padding: 0 105px;
                    line-height: 35px;
                    color: #ac810e;
                    text-align: justify;
                }
                .tshe_mt40{
                    margin-top: 40px;
                    font-weight: 700;
                    text-align: right;
                }
            }
            
            .tshe-tcenter{
                text-align: center;
                margin-bottom: 20px;
                .h3-icon-left{
                    position: relative;
                    top: -4px;
                    box-sizing: border-box;
                    display: inline-block;
                    transform: rotate( -54deg);
                    .hi3_hicon_s{
                        display: inline-block;
                        box-sizing: border-box;
                        height: 7px;
                        border-radius: 4px;
                        background: linear-gradient(-90deg,gold,#f0f);
                    }
                    .hi3_hicon_s.s1{
                        margin-bottom: -9px;
                        width: 17px;
                    }
                    .hi3_hicon_s.s2{
                        width: 18px;
                    }
                    .hi3_hicon_s.s3{
                        margin-left: 2px;
                        width: 7px;
                    }
                }
                .h3-icon-right{
                    position: relative;
                    top: 12px;
                    box-sizing: border-box;
                    display: inline-block;
                    transform: rotate(126deg);
                    .hi3_hicon_s{
                        display: inline-block;
                        box-sizing: border-box;
                        height: 7px;
                        border-radius: 4px;
                        background: linear-gradient(-90deg,gold,#f0f);
                    }
                    .hi3_hicon_s.s1{
                        margin-bottom: -9px;
                        width: 17px;
                    }
                    .hi3_hicon_s.s2{
                        width: 18px;
                    }
                    .hi3_hicon_s.s3{
                        margin-left: 2px;
                        width: 7px;
                    }
                }
                .tshe-block{
                    font-size: 32px;
                    font-weight: 700;
                    color: #333;
                    margin-left: 10px;
                    margin-right: 10px;
                    display: inline-block;
                }
            }
        }
    }
}
footer{
    box-sizing: border-box;
    .footer-c{
        min-width: 1160px;
        margin-top: 76px;
        padding: 60px 0;
        display: flex;
        justify-content: center;
        background: linear-gradient(0deg,#111,#333);
        .footer-r{
            box-sizing: border-box;
            .fimgbox{
                .fimg1{
                    width: 212px;
                    margin-bottom: 45px;
                }
            }
            .ftr-b2:hover,.ftr-b1:hover{
               color: #ffdc00;
               .b1-dian{
                   background: url('./../images/主页/黄的电话.png');
                   background-size: cover;
               }
            }
            .ftr-b1,.ftr-b2{
                width: 212px;
                height: 56px;
                display: flex;
                background:hsla(0,0%,100%,.1);
                color: #fff;
                font-size: 20px;
                line-height: 56px;
                font-weight: 700;
                align-items: center;
                margin-bottom: 12px;
                border-radius: 5px;
                .b1-dian{
                    width: 26px;
                    height: 26px;
                    margin-left: 15px;
                    background-size: cover;
                    background-image: url('./../images/主页/footer电话.png');
                }
                div{
                    margin-left: 15px;
                }
            }
            .ftr-b2{
                font-size: 18px;
                .b1-dian{
                    background-image: url('./../images/主页/footer电话.png');
                }
            }

        }
        .footer-l{
            box-sizing: border-box;
            margin-left: 100px;
            .ftps{
                margin-bottom: 50px;
                width: 100%;
                text-align: center;
                font-size: 0;
                height: 53px;
                display: flex;
                overflow: hidden;
                a{
                    font-size: 14px;
                    display: block;
                    margin-right: 33px;
                    line-height: 20px;
                    color: #828282;
                    img{
                        height: 32px;
                    }
                    .aaaa{
                        display: block;
                        color: #666;
                    }
                }
            }
            .ftns{
                display: flex;
                float: left;
                .ft-co{
                    margin-right: 50px;
                    dt{
                        margin-bottom: 17px;
                        color: #828282;
                    }
                    dd{
                        width: 80px;
                        height: 20px;
                        color: #9b9b9b;
                        margin-bottom: 8px;
                    }
                    dd:hover{
                        text-decoration: underline;
                    }
                }
            }
            .fts{
                float: right;
                img{
                    width: 107px;
                    height: 107px;
                }
                .ftr-txt{
                    margin-top: 4px;
                    text-align: center;
                    color: #828282;
                    font-size: 14px;
                }
            }
        }
    }
    .footer-bot{
        min-width: 1160px;
        padding: 20px 0;
        background: #333;
        text-align: center;
    }
}
.backTop{
    width: 40px;
    height: 40px;
    font-size: 30px;
    line-height: 34px;
    display: none;
    text-align: center;
    position: fixed;
    right: 0;
    color: #fff;
    background-color: indigo;
    bottom: 20px;
}